<template>
	<view class="setMore">
		<u-navbar
			back-text="账户注销"
			:background="{
				background: 'transparent'
			}"
		></u-navbar>
		<view class="header">
			<u-alert-tips
				type="error"
				:show-icon="true"
				icon="error-circle-fill"
				:title-style="{
					color: '#FF7875',
					fontSize: '24rpx'
				}"
				title="为保障您的账号及权益安全，请您详细阅读下方说明。"
			></u-alert-tips>
		</view>
		<view class="info">
			<view class="title">注销账号后权益说明</view>
			<view class="" style="margin-top: 14rpx;">1.您将不再享有京推优选相关产品及服务</view>
			<view class="" style="margin-top: 14rpx;">2.您的账号将再也无法进行登录(包括不限APP端和小程序端等)、忘记密码等操作</view>
			<view class="" style="margin-top: 14rpx;">3.您的账号信息与会员权益将永久删除且无法恢复</view>
			<view class="" style="margin-top: 14rpx;">4.您已获得的相关佣金、订单和优惠券将会被清空且无法恢复</view>
			<view class="" style="margin-top: 14rpx;">5.您的收益、粉丝等将被清空且无法恢复</view>
			<view class="" style="margin-top: 14rpx;">6.注销本账户并不代表本账户注销前的账户行为和相关责任得到豁免或减轻</view>
		</view>
		<view class="botbtn safe-area-inset-bottom" style="padding: 0 20rpx; width: 100%;">
			<view class="radiobox u-flex u-row-left u-col-center">
				<u-checkbox-group>
					<u-checkbox v-model="isagree" shape="circle" :size="24"><text style="font-size: 24rpx;">我已阅读并同意</text></u-checkbox>
				</u-checkbox-group>
				<text style="color: #F2682C;" @click="gocancellation">《京推优选账号注销须知》</text>
			</view>
			<view class="u-flex u-row-between u-col-center">
				<u-button style="width: 48%;color: #919192;background-color: #E9E9E9;border: none;" :hair-line="false" @click="">确认注销</u-button>
				<u-button
					style="width: 48%;"
					:hair-line="false"
					:custom-style="{
						backgroundColor: '#F2682C',
						color: '#FFFFFF',
						fontWeight: 600,
						boxShadow: '0px 0px 12rpx 0px rgba(242, 104, 44, 100)'
					}"
				>
					<text class="bold" style="font-size: 36rpx;">我再想想</text>
				</u-button>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'setMore',
	data() {
		return {
			isagree: false,
			mobile: '',
			codeTips: ''
		};
	},
	//实例创建完成后被立即调用
	created() {},
	onLoad(option) {},
	//挂载开始之前被调用
	beforeMount() {},
	onPullDownRefresh() {
		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		console.log('refresh');
		setTimeout(function() {
			uni.stopPullDownRefresh(); //停止下拉刷新动画
		}, 1000);
	},
	//初次渲染完成
	onReady() {},
	//全局只触发一次
	onLaunch() {},
	//从后台进入前台
	onShow() {},
	//前台进入后台
	onHide() {},
	methods: {
		gocancellation() {
			uni.navigateTo({
				url: '/pages/center/setting/setCancellation'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.setMore {
	.header {
		/deep/.u-alert-tips {
			border: none;
		}
	}
	.info {
		margin: 0 48rpx;
		.title {
			font-size: 40rpx;
			font-weight: 600;
		}
	}
	.botbtn {
		position: fixed;
		left: 0;
		bottom: 0;
		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
	}
	.btnclick {
		opacity: 0.1;
		background-color: #f2683b;
	}
	.radiobox {
		// margin-left: 26rpx;
	}
}
</style>
